<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>事业合伙人</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="/Public/bs/css/font-awesome.min.css">
		<!--标准mui.css-->
		<link rel="stylesheet" href="/Public/css/mui.min.css">
		<script src="/Public/js/jquery-1.10.2.min.js"></script>
		<script src="/Public/js/datePicker.js"></script>
		<!--App自定义的css-->
		<!--<link rel="stylesheet" type="text/css" href="../css/app.css" />-->
		<style>
			.mui-card .mui-control-content {
				padding: 10px;
			}
			
			.mui-control-content {
				height: 450px;
			}
			.headerTop{
				padding-top: 2rem;
			}
			.demo{margin:80px auto 40px auto;width:320px}
			.input{padding:6px;border:1px solid #d3d3d3}
			.mui-input-row{
				width: 60%;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav" style="background: #01D8DF;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"  href="#" onclick="javascript:history.back(-1);" style="color:white;"></a>
			<h1 class="mui-title" style="white">我的奖金明细</h1>
		</header>	   
		<div style="height:0.5rem"></div>
		<div class="mui-content">
			<div class="headerTop" style="background:url('/Public/images/bg.jpg'); height: 10rem;">
            <section class="headers"  id="headers" style="margin-top: 1.5rem">
                <div style="text-align:center">
                    <div class="header_Info">
                        <if condition="$commissions==0">
                            <div>
                                <p style="font-size: large;color: black;">暂无奖金</p>
                            </div>
                        <else/>
                            <div>
                                <p style="font-size: large;color: black;">奖金总数:{$commissions|number_format=2}(元)</p>
                            </div>
                        </if>
                    </div>
                    <div class="header_Info">
                        <if condition="$commission==0">
                            <div>
                                <p style="font-size: large;color: black;">昨日无奖金</p>
                            </div>
                        <else/>
                            <div>
                                <p style="font-size: large;color: black;">昨日奖金:{$commission|number_format=2}(元)</p>
                            </div>
                        </if>
                    </div>
                </div>
            </section>
        </div>
			<div style="padding: 10px 10px;">
				<div id="segmentedControl" class="mui-segmented-control">
					<a class="mui-control-item " id='mingxi' href="/index.php/home/wei/commission/id/{$_SESSION['msg']['id']}">昨日奖金明细</a>
					<a class="mui-control-item mui-active" id="tongji" href="/index.php/home/wei/search/id/{$_SESSION['msg']['id']}">奖金统计</a>
				</div>
			</div>

			<div style="width: 90%; height:2.5rem; clear: both; margin: 0 auto;border:none; border:1px solid #efeff4">
				<form method="post" style="border:none;" action="/index.php/home/wei/tongji">
				<input type="search" class="mui-input-clear" placeholder="按时间检索" id="div" name="search" style="float: left; border: 1px solid #999;  width: 66%;">
				<button  style="float: left; margin-left: 3%;  width:30%; box-shadow: 4px 4px 10px #666" id="search" type="submit" class="mui-btn mui-btn-success mui-icon mui-icon-search">
	    			搜索
  				</button>
  			    </form>
		  	</div>
		  	<if condition="$res==0">
		  		<div style="width:100%; clear: both; overflow: hidden; height:40px; text-shadow:0 0 0 10px #f09;text-indent: 2rem;line-height: 40px">
				
			    </div>
		  	<else/>
			<div style="width:100%; clear: both; overflow: hidden; height:40px; text-shadow:0 0 0 10px #f09;text-indent: 2rem;line-height: 40px">
				您的查询结果:    {$res}
			</div>
			</if>
			
			<!-- <nav class="mui-bar mui-bar-tab">
			    <a class="mui-tab-item" href='/index.php/home/index/index'>
			        <span class="mui-icon mui-icon-home"></span>
			        <span class="mui-tab-label">首页</span>
			    </a>
			    <a class="mui-tab-item" href='/index.php/home/member/index'>
			        <span class=" mui-icon mui-icon-contact"></span>
			        <span class="mui-tab-label">我的</span>
			    </a>
			</nav> -->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item mui-active" href="/index.php/home/index/index">
				<span class="mui-icon mui-icon-home"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href='/index.php/home/Chat/index'>
				<span class="mui-icon mui-icon-chat"></span>
				<span class="mui-tab-label">群聊</span>
			</a>
			<a id="shop" class="mui-tab-item" href="/index.php/Home/Shop/index">
				<span class="mui-icon"><i class="fa fa-shopping-cart" aria-hidden="true"></i></span>
				<span class="mui-tab-label">商城</span>
			</a>
			<a class="mui-tab-item" href="/index.php/home/member/index">
				<span class="mui-icon mui-icon-contact"></span>
				<span class="mui-tab-label">我的</span>
			</a>	
		</nav>
		</div>
		<script src="/Public/js/mui.min.js"></script>
		<script type="text/javascript">
				var calendar = new datePicker();
				calendar.init({
					'trigger': '#div', /*按钮选择器，用于触发弹出插件*/
					'type': 'date',/*模式：date日期；datetime日期时间；time时间；ym年月；*/
					'minDate':'1900-1-1',/*最小日期*/
					'maxDate':'2100-12-31',/*最大日期*/
					'onSubmit':function(){/*确认时触发事件*/
						var theSelectData=calendar.value;
					},
					'onClose':function(){
					}
			    });
		</script>
		<script>
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});

			mui('body').on('tap','a',function(){
			    window.top.location.href=this.href;
			});
			(function($) {
				$('#scroll').scroll({
					indicators: true //是否显示滚动条
				});
				var segmentedControl = document.getElementById('segmentedControl');
				$('.mui-input-group').on('change', 'input', function() {
					if (this.checked) {
						var styleEl = document.querySelector('input[name="style"]:checked');
						var colorEl = document.querySelector('input[name="color"]:checked');
						if (styleEl && colorEl) {
							var style = styleEl.value;
							var color = colorEl.value;
							segmentedControl.className = 'mui-segmented-control' + (style ? (' mui-segmented-control-' + style) : '') + ' mui-segmented-control-' + color;
						}
					}
				});
			})(mui);

			$('#mingxi').click(function(){
				window.location.href="/index.php/home/wei/commission/id/{$_SESSION['msg']['id']}";
				$('$mingxi').addClass("mui-active"); 
				$('#tongji').reMoveClass("mui-active"); 
			})
			/*$('#search1').click(function(event){
				var search=document.getElementById('div1').value;
				$.ajax('/index.php/home/wei/search',{
	                data:$('#fm').serialize(),
	                type:'post',//HTTP请求类型
	                timeout:10000,//超时时间设置为10秒；        
	                success:function(data){
	         
	                },
	                error:function(xhr,type,errorThrown){
	                    //异常处理；
	                    console.log(xhr);
	                }
	            });

			});*/

		</script>

	</body>

</html>